<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<title>f-&gt;OK&lt;-a</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<link rel="stylesheet" href="../resources/jquery-ui-1.8.24.custom.css"/>
	<link rel="stylesheet" href="../resources/additional.css"/>
	<script src="../resources/jquery-1.8.2.min.js"></script>
	<script src="../resources/jquery-ui-1.8.24.custom.min.js"></script>
	<script src="../resources/taffy-min.js"></script>
	<script src="../resources/jquery.cookie.js"></script>
	<script src="../logic/logicJS.js"></script>
	<script>
		$(function() {
			logicJS.initDb();
			logicJS.createFokarium();
			logicJS.dragFok();
			logicJS.addNewHumanResource();
			logicJS.resetFoks();		
			logicJS.removeRow();
		});
		
		
	</script>
</head>

<body>
	<div class="ui-widget main">
		<div class="ui-widget-header"><h1>ODT fOKa</h1></div>
		<br/><br/>
		<div class="ui-widget" id="fokarium" style="display:inline;float:left;margin-right: -210px;">
			
		</div><br/>
		
		<div class="ui-widget" id="form" style="float:right; margin-right 15%">
			<table class="ui-widget-content">
				<tr name="fOk">
					<td>
						<p class="ui-content-header">Drag ------></p>
					</td>
					<td>
						<div id="zoo">
							<div class="draggableFok" style="width:200px; height:200x; float:left">
								<img src="../resources/images/fOK.png" />
							</div>
						</div>
					</td>
				</tr>
				<tr>
					<td>
						<p class="ui-content-header">New human resource</p>
						<input id="humanRsrc" type="text" class="ui-widget"/>
					</td>
					<td>
						<input type="button" class="ui-widget ui-button" id="add" value="Add"/>
					</td>
				</tr>
				<tr></tr>
				<tr>
					<td><p class="ui-content-header">Destroy all -------></p></td>
					<td><input type="button" class="ui-widget ui-button" id="reset" value="Reset"/></td>
				</tr>
			</table>
		</div>
	</div>
</body>
</html>